import router from '@/router'
import store from '@/store'
import NProgress from 'nprogress' // 引入 progress
import 'nprogress/nprogress.css' // 引入进度条样式
import getPageTitle from '@/utils/get-page-title' // progress bar
import { asyncRoutes } from '@/router'
// 设置白名单
const whiteList = ['/login', '/404']
router.beforeEach(async(to, from, next) => {
  // 动态设置网页的标题
  // document.title = '人力资源管理系统' + to.meta.title
  document.title = getPageTitle(to.meta.title)
  // console.log(`从${from.path}来`)
  // console.log(`去${to.path}页面`)
  // next()
  NProgress.start()
  const token = store.state.user.token
  if (token) {
    // 已经登录了
    if (to.path === '/login') {
      // console.log('有token,已经登录了,不能再去登录页,跳转到首页')
      next('/')
      NProgress.done()
    } else {
      // 判断vuex中有没有用户数据，有用户数据就取反条件变为false，不执行if，继续往下执行
      // 如果没有用户数据条件为false，取反变为true，执行if里面的代码，获取用户信息存储到vuex
      if (!store.state.user.userInfo.userId) {
        // 有token，并且去的不是登录页，发请求获取用户信息
        const menus = await store.dispatch('user/setUserInfo')
        // 在这里获取权限的信息，动态设置可以访问的路由，动态设置左侧菜单
        console.log(menus, 'menus')
        // 根据权限信息进行过滤得到用户可以访问的路由表
        const filterRoutes = asyncRoutes.filter(route => {
          const routeName = route.children[0].name
          return menus.includes(routeName)
        })
        console.log(filterRoutes, 'filterRoutes')
        // 在动态路由表的尾部追加404路由对象
        filterRoutes.push({ path: '*', redirect: '/404', hidden: true })
        // 动态添加路由
        router.addRoutes(filterRoutes)
        // 将拥有权限的路由表存入vuex中
        store.commit('menus/setMenuList', filterRoutes)
        // store.commit('menu/setMenuList', asyncRoutes)
        next({ ...to, replace: true })
      } else {
        next()
        // console.log('有token,去的不是登录页,放行')
        // 白屏的问题是因为页面刷新的时候，会重新执行addRoutes,而addRoutes没有执行完成
        // 如果直接使用next()放行就会出现白屏的问题，那么影要再next中设置({...to,replace: true})
        // 保证addRoutes的动态路由添加完成，再访问页面
      }
    }
  } else {
    // 没有登录
    // whiteList.includes()判断传入的内容在不在数组中，返回值是布尔值
    if (whiteList.includes(to.path)) {
      // console.log('没有登录,取得页面是白名单页面,直接放行')
      next()
    } else {
      // console.log('去的页面不是白名单页面,也没有登录,去登录页登陆')
      next('/login')
      NProgress.done()
    }
  }
})
// 页面跳转完成会经过这里
router.afterEach(() => {
  NProgress.done()
})
